<template>
  <div class="nodata" v-show="isShow">
    <img :src="$api.noData" :style="{width: width+'px', height: height+'px'}" alt="">
    <h3 :style="{fontSize: fontSize+'px'}">暂无数据</h3>
  </div>
</template>

<script>
export default {
  props: {
    width: {
      type: [Number, String],
      default: 120
    },
    height: {
      type: [Number, String],
      default: 115
    },
    isShow: {
      type: Boolean,
      default: false
    },
    fontSize: {
      type: [Number, String],
      default: 22
    }
  }
}
</script>

<style lang="scss" scoped>
.nodata {
  text-align: center;
  margin-top: 4.4rem;
  h3 {
    font-weight: normal;
  }

}
</style>